<%--
  Created by IntelliJ IDEA.
  User: 姜姒
  Date: 2022/5/15
  Time: 11:06
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<title></title>
<%--    css   js--%>
<link rel="stylesheet" href="${pageContext.request.contextPath}/static/layui/css/layui.css">
<script type="text/javascript" src="${pageContext.request.contextPath}/static/layui/layui.js"></script>
<script>
    layui.use(['table','util','jquery','layer','form'],function () {
        var table=layui.table,util=layui.util,$=layui.jquery,layer=layui.layer,form=layui.form;

        //自定义验证规则
        form.verify({
            account: function(value, item){
                var min = item.getAtztribute('lay-min');
                if(value.length >= 3){
                    return '不能超过'+2+'位数';
                }
            },
            account1: function(value, item){
                var min = item.getAttribute('lay-min');
                if(value.length >= 4){
                    return '不能超过'+3+'位数';
                }
            },
            newmobile: function(value){
                if(value.length != 3){
                    return '只能输入三位数';
                }
            },
            chineseName: function (value) {
                let pattern = /[\u4e00-\u9fa5]/;//中文验证
                let txt = pattern.test(value);

                if (value.length < 1 || !txt) {
                    return '必须要有中文';
                }
            },
            // v_pass:[/^[\s]{1,3}$/,'长度不能超过三位数'],
            numberRequiredFalse:[/(^$)|^\d+$/,'只能填写数字'],//非必填项，填了就会进行验证
            username: function (value, item) { //value：表单的值、item：表单的DOM对象
                if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
                    return '不能有特殊字符';
                }
                if(/(^\_)|(\__)|(\_+$)/.test(value)){
                    return '首尾不能出现下划线\'_\'';
                }

            }
        });


        //监听form表单提交  模糊查询
        form.on('submit(search-btn)',function (d) {
            var jskhid=$("#jskhid").val();
            var classid=$("#classid").val();
            table.reload('demo',{//指定条件重载table
                page:{page:1},
                where:{     //条件
                    jskhid:jskhid,
                    classid:classid,
                },
            });
        });



        // //监听form表单提交  模糊查询  查看全部按钮
        // form.on('submit(quanbu-btn)',function (d) {
        //     location.reload("demo");//重新加载父页面表格
        // });

        //监听显示全部按钮
        $("#quanbu-btn").click(function () {
            location.reload('demo');
        });




        //监听工具栏的按钮
        table.on('tool(demo)',function (res) {
            var row = res.data; //获取当前行的数据(点哪一行就是哪一行)
            var event = res.event;//获取点的是哪个按钮(工具栏按钮指定的lay-event)
            var jskhid = row.jskhid;//获取行中的id列

            if (event=='shanchu'){
                layer.confirm("是否删除？",{
                        btn:['确定','取消']
                    },function() {
                        $.post("${pageContext.request.contextPath}/kaohe/kaopdel",{jskhid:jskhid},function (data) {
                            layer.msg(data.msg);//使用消息层 显示删除的结果
                            table.reload('demo',{
                                url:"${pageContext.request.contextPath}/kaohe/jskhlist"
                            });
                        },"json");
                    }
                );
            }else if(event=='edit'){ //修改员工
                layer.open({
                    type:2,//设置为iframe
                    fix:false,//不固定
                    maxmin:true,//出现最大化最小化按钮
                    offset:'10px',//垂直水平位置
                    shadeClose:true,
                    shade:0.4,//遮罩层透明度
                    area:['600px','520px'],//弹出层宽高
                    title:"修改",//弹出层标题
                    content:'${pageContext.request.contextPath}/houqing/sushetoupd/'+ jskhid//弹出层内网页
                });
            }else {
                alert("该状态已完成")
            }
        });

        //监听申请维修按钮
        $("#add-btn").click(function () {
            // alert('aaa');
            layer.open({
                type: 2, //设置为iframe层
                fix: false, //不固定
                maxmin: true,//出现最大化最小化按钮
                offset:'5px',//垂直水平位置
                shadeClose: true, //点击遮罩层关闭窗口
                shade:0.4, //遮罩层透明度
                area: ['600px', '200px'], //弹出层宽度高度
                title: "发布考评", //弹出层标题
                content: '${pageContext.servletContext.contextPath}/kaohe/toaddkp' //弹出层内网页
            });
        });

    });

</script>
</head>
<body>
<h1></h1>
<div>
    <form class="layui-form">
<%--        <div class="layui-inline">编号:</div>--%>
<%--        <div class="layui-inline">--%>
<%--            <input type="text" name="jskhid" id="jskhid" class="layui-input" lay-verify="numberRequiredFalse|account1"/>--%>
<%--        </div>--%>

        <div class="layui-inline">班级:</div>
        <div class="layui-input-inline">
            <select name="classid" lay-filter="couresId" id="classid">
                <option value="">选择班级：</option>
                <c:forEach items="${sclist}" var="s">
                    <option value="${s.classId}">${s.className}</option>
                </c:forEach>
            </select>
        </div>

        <a class="layui-btn  layui-icon layui-icon-search" lay-filter="search-btn" lay-submit lay-size="sm">搜索</a>
        <a class="layui-btn
layui-icon layui-icon-refresh" lay-filter="quanbu-btn"  lay-submit id="quanbu-btn" lay-size="sm">查看全部</a>
        <a class="layui-btn
 layui-icon layui-icon-add-1" lay-filter="add-btn" id="add-btn" lay-size="sm">发布考评</a>
    </form>
</div>
<table class="layui-table" id="title" lay-filter="demo" lay-size="sm"
       lay-data="{url:'${pageContext.request.contextPath}/kaohe/jskhlist',page:true,id:'demo'}"
>
    <thead>
    <tr>
        <th lay-data="{field:'jskhid',sort:true}">编号</th>
        <th lay-data="{field:'kpnr',sort:true}">考评内容</th>
        <th lay-data="{field:'className',sort:true}">班级</th>
        <th lay-data="{field:'fenshu',sort:true}">得分:满分100分</th>
<%--        <th lay-data="{field:'zongfen',sort:true}">总分</th>--%>
<%--        <th lay-data="{field:'empName',sort:true}">员工</th>--%>
        <th lay-data="{field:'time',sort:true}">开始时间</th>
        <th lay-data="{field:'jtime',sort:true}">结束时间</th>
        <th lay-data="{toolbar:'#tools',align:'center',fixed:'right'}">操作</th>
    </tr>
    </thead>
</table>
<script type="text/html" id="tools">
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="shanchu">删除</a>
</script>
</body>
</html>
